.tool-wrap {
  :global {
    .ant-form-item-control {
      line-height: 100%;
    }
  }
  .right {
    :global {
      .ant-form-item {
        &:last-child {
          margin-right: 0px;
        }
      }
    }
  }
  // .float-right {
  //   float: right;
  // }
}
.form-wrap {
  width: 100%;

  .left {
    display: flex;
    flex-flow: row wrap;
  }
  .right {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
  }
  .form-item-wrap {
    margin-right: 10px;
    :global {
      .ant-form-item-label {
        line-height: 32px;
      }
    }
  }
}
.blue-btn-wrap {
  &:global(.ant-btn) {
    color: #fff;
    border-color: #577abc;
    background-color: #577abc;
    box-shadow: 0 1px 5px rgba(0, 21, 41, 0.08);
    i {
      color: #fff;
    }
    &:hover {
      color: #fff;
      border-color: #7d9ac9;
      background-color: #7d9ac9;
    }
    &:focus {
      color: #fff;
      border-color: #3e5a96;
      background-color: #3e5a96;
    }
    &[disabled] {
      i {
        color: rgba(0, 0, 0, 0.25);
      }
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9;
    }
  }
}
.red-btn-wrap {
  &:global(.ant-btn) {
    border-color: rgba(239, 83, 80, 0.9);
    background-color: rgba(239, 83, 80, 0.9);
    color: #fff;
    box-shadow: 0 1px 5px rgba(239, 83, 80, 0.08);
    i {
      color: #fff;
    }
    &:hover {
      color: #fff;
      border-color: rgba(239, 83, 80, 0.7);
      background-color: rgba(239, 83, 80, 0.7);
    }
    &:focus {
      color: #fff;
      border-color: #ef5350;
      background-color: #ef5350;
    }
  }
}
.white-btn-wrap {
  &:global(.ant-btn) {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    // i {
    //   color: #788799;
    // }
    i {
      color: #577abc;
    }
    &:hover {
      color: #7d9ac9;
      border-color: #7d9ac9;
      i {
        color: #7d9ac9;
      }
    }
    &:focus {
      color: #577abc;
      border-color: #577abc;
      i {
        color: #577abc;
      }
    }
    &[disabled] {
      i {
        color: #a1b0c1;
      }
    }
  }
}
.input-wrap {
  &:hover {
    border-color: #7d9ac9;
  }
  &:focus {
    border-color: #577abc;
    box-shadow: 0 0 0 2px rgba(87, 122, 188, 0.2);
  }
  &[disabled] {
    background-color: #edeef0;
    border-color: #edeef0;
  }
}
.enable-btn-wrap,
.disable-btn-wrap {
  &:global(.ant-btn) {
    padding: 0 60px;
    border-color: #dee1e7;
    &:hover {
      border-color: #dee1e7;
      color: rgba(0, 0, 0, 0.65);
    }
    &:focus {
      border-color: #dee1e7;
      color: rgba(0, 0, 0, 0.65);
    }
  }
}
.enable-btn-wrap {
  &:global(.ant-btn) {
    &[ant-click-animating-without-extra-node='true']::after,
    .ant-click-animating-node {
      animation: none;
    }
    span {
      position: relative;
      &::after {
        right: -56px;
        top: 0;
        position: absolute;
        display: table;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        transform: rotate(45deg) scale(1) translate(-50%, -50%);
        opacity: 1;
        width: 5.71428571px;
        height: 9.14285714px;
        // transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
        content: ' ';
      }
      &::before {
        right: -75px;
        border: 15px solid #577abc;
        top: -20px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        transform: rotate(-45deg);
        position: absolute;
        display: table;
        width: 0px;
        height: 0px;

        content: ' ';
      }
    }
    border-color: #577abc;
    background-color: #d7e5ff;
    color: #577abc;
    &:hover {
      border-color: #577abc;
      background-color: #d7e5ff;
      color: #577abc;
    }
    &:focus {
      border-color: #577abc;
      background-color: #d7e5ff;
      color: #577abc;
    }
  }
}
.form-wrap {
  width: 100%;
  .form-item-wrap {
    margin-right: 10px;
    :global {
      .ant-form-item-label {
        line-height: 32px;
      }
    }
  }
}
.select-wrap {
  font-size: 14px;
  &:global(.ant-select-disabled .ant-select-selection) {
    background-color: #edeef0;
    border-color: #edeef0;
  }
  :global {
    .ant-select-selection:hover {
      border-color: #7d9ac9;
    }
    .ant-select-focused .ant-select-selection,
    .ant-select-selection:focus,
    .ant-select-selection:active {
      border-color: #577abc;
      box-shadow: 0 0 0 2px rgba(87, 122, 188, 0.2);
    }
  }
}

.search-wrap {
  :global {
    .ant-input-group .ant-input:focus,
    .ant-input-group .ant-input:hover {
      z-index: auto;
      border-color: #7d9ac9;
    }
    .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }
    .ant-input-search-enter-button.ant-input-affix-wrapper {
      border: 1px solid #d9d9d9;
    }
    .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
      border-radius: 2px;
    }
    .ant-input-group-addon {
      padding-left: 10px;
      background: transparent;
    }
  }
}
